<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../../node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/cart.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="shortcut icon" href="../img/favicon.ico" />
    <title>我的购物车-小米商城</title>
</head>

<body>
    <main>
        <div class="top">
            <div>
                <i class="iconfont">&#xe613;</i>
                <span>我的购物车</span>
                <p>温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</p>
            </div>
            <div>
                <div>用户名&emsp; <i class="iconfont">&#xe694;</i></div>
                <div>|</div>
                <div>我的订单</div>
            </div>
        </div>
        <div class="middle">
            <div class="none">
                <div class="right">
                    <img src="https://cdn.cnbj1.fds.api.mi-img.com/staticsfile/cart/cart-empty.png" alt="">
                </div>
                <div class="left">
                    <p>您的购物车还是空的 ！</p>
                    <button class="qgw">马上去购物</button>
                </div>
            </div>
            <div class="block container active">  
             <!-- 渲染 -->
            </div>
        </div>
        <footer>
            <div class="content">
                <div class="top">
                    <ul>
                        <li><i class="iconfont">&#xe715;</i>预约维修服务</li>
                        <li><i class="iconfont">&#xe67d;</i>7天无理由退货</li>
                        <li><i class="iconfont">&#xe605;</i>15天免费换货</li>
                        <li><i class="iconfont">&#xe63e;</i>满69包邮</li>
                        <li><i class="iconfont">&#xe685;</i>520余家售后网点</li>
                    </ul>
                </div>
                <div class="bottom">
                    <div class="left">
                        <ul>
                            <li>帮助中心</li>
                            <li>账户管理</li>
                            <li>购物指南</li>
                            <li>订单操作</li>
                        </ul>
                        <ul>
                            <li>服务支持</li>
                            <li>售后政策</li>
                            <li>自助服务</li>
                            <li>相关下载</li>
                        </ul>
                        <ul>
                            <li>线下门店</li>
                            <li>小米之家</li>
                            <li>服务网点</li>
                            <li>授权体验店/专区</li>
                        </ul>
                        <ul>
                            <li>关于小米</li>
                            <li>了解小米</li>
                            <li>加入小米</li>
                            <li>投资者关系</li>
                            <li>企业社会责任</li>
                            <li>廉洁举报</li>
                        </ul>
                        <ul>
                            <li>关注我们</li>
                            <li>新浪微博</li>
                            <li>官方微信</li>
                            <li>联系我们</li>
                            <li>公益基金会</li>
                        </ul>
                        <ul>
                            <li>特色服务</li>
                            <li>F码通道</li>
                            <li>礼物码</li>
                            <li>防伪查询</li>
                        </ul>
                    </div>
                    <div class="right">
                        <p>
                            400-100-5678<br>

                        </p>
                        <p>
                            8:00-18:00 (仅收市话费)
                        </p>
                        <button>
                            <i class="iconfont">&#xe631;</i> 人工客服
                        </button>
                        <p>
                            关注小米
                            <i class="iconfont">&#xe603;</i>
                            <i class="iconfont wei">&#xe604;</i>
                        </p>
                    </div>
                </div>
            </div>
        </footer>
    </main>
    <script src="../js/polyfill.js"></script>
    <script src="../../node_modules/jquery/dist/jquery.js"></script>
    <script src="../js/cart.js"></script>
</body>

</html>